import React from "react";
import { getTimeFromDate } from "../../utils/formatTime";
import style from "./style.module.scss";
import { useNavigate } from "react-router-dom";
import url1 from "../../assets/images/image/hdpi/h_currency.png";
interface pathienList {
  item: pathienCircleHomeList;
}
interface pathienCircleHomeList {
  sickCircleId: number;
  userId?: number;
  title: string;
  detail: string;
  releaseTime: number;
  collectionNum: number;
  commentNum: number;
  amount: number;
}
const MypathienList: React.FC<pathienList> = ({ item }) => {
  const navigate = useNavigate();
  return (
    <div
      className={style.listItem}
      onClick={() => {
        // 点击跳转病友圈详情页
        navigate(`/patient/circle/detail?sickCircleId=${item.sickCircleId}`);
      }}
    >
      <div className={style.title}>
        <h3>{item.title}</h3>
        {item.amount > 0 && (
          <div className={style.HB}>
            <img src={url1} alt="" />
            <span>{item.amount}</span>
          </div>
        )}
      </div>
      <p className={style.time}>{getTimeFromDate(item.releaseTime)}</p>
      <div className={style.detail}>{item.detail}</div>
      <ul className={style.collect}>
        <li>
          <span>建议</span>
          <span>{item.commentNum}</span>
        </li>
        <li>
          <span>收藏</span>
          <span>{item.collectionNum}</span>
        </li>
      </ul>
    </div>
  );
};
export default MypathienList;

// 上海网站维度健康平台标准化项目第二次审核2023-09-07： 
// 结论：做为2S项目暂缓通过
// 建议： 
// 1、建议在线咨询增加可以发送表情、*图片*、文件、视频、语音、是否可以人工加机器人，是否可以复制信息到微信获取qq发送；
// 2、虚拟列表增加不定高应用    OK
// 3、class写法除非特殊情况修改为hooks写法   OK
// 4、新增第三方登录，开发时自动适配   
// 5、增加项目配置优化，比如redux/toolkit 优化，webpack的配置优化等
  